<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理解MVM模型</title>
    <!--导入js package-->
    <script type="text/javascript" src="../01-vue_js/vue.js"></script>
</head>
<body>

<div id="root">
    <h1>学校名称：{{name}}</h1>
    <h1>地址：{{address}}</h1>
</div>

<script type="text/javascript">
    // 关闭开发环境的警告题
    Vue.config.productionTip = false
    let data={
        name: "jiale-xiong5566",
        address: "上海",
    }
    // 创建vue的对象
    const vm=new Vue({
        el: '#root', // el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
        data:data
    })
</script>

</body>
</html>